<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<link href="./css/screen.css" rel="stylesheet" type="text/css" />
	<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" />
</h:head>

<f:event listener="#{depositManageBean.onLoad}" type="preRenderView"></f:event>

<body>
	<ui:include src="./header.xhtml" />
	<div id="content-outer">
		<div id="content">

			<!--  start page-heading -->
			<div id="page-heading">
				<h1>Deposit Account Management</h1>
			</div>

			<!--  start top-search -->
			<div id="top-search" style="padding-bottom: 40px">
				<h:form>
					<table border="0" cellpadding="0" cellspacing="0">
						<tr>
							<td><h:inputText value="#{depositManageBean.searchValue}"
									style="width: 150px; height:30px; padding: 0px" /> &nbsp;</td>
							<td><h:selectOneMenu
									value="#{depositManageBean.selectSearchType}">
									<f:selectItem itemValue="idCardNumber"
										itemLabel="ID Card Number"></f:selectItem>
									<f:selectItem itemValue="fristName" itemLabel="First Name"></f:selectItem>
									<f:selectItem itemValue="state" itemLabel="State"></f:selectItem>
									<f:selectItem itemValue="phoneNumber" itemLabel="Phone Number"></f:selectItem>
									<f:selectItem itemValue="address" itemLabel="Address"></f:selectItem>
								</h:selectOneMenu></td>
							<td><h:commandButton value="Search"
									style="height:30px; margin-top: -10px; margin-left:10px"
									action="#{depositManageBean.search}" class="btn" /></td>
						</tr>
					</table>

				</h:form>
			</div>
			<!--  end top-search -->

			<!-- end page-heading -->
			<table border="0" width="100%" cellpadding="0" cellspacing="0"
				id="content-table">
				<tr>
					<th rowspan="3" class="sized"><img
						src="images/shared/side_shadowleft.jpg" width="20" height="300"
						alt="" /></th>
					<th class="topleft"></th>
					<td id="tbl-border-top">&nbsp;</td>
					<th class="topright"></th>
					<th rowspan="3" class="sized"><img
						src="images/shared/side_shadowright.jpg" width="20" height="300"
						alt="" /></th>
				</tr>
				<tr>
					<td id="tbl-border-left"></td>
					<td>
						<!--  start content-table-inner ...................................................................... START -->
						<div id="content-table-inner">

							<!--  start table-content  -->
							<div id="table-content">

								<!--  start message-green -->
								<!--  end message-green -->


								<!--  start product-table ..................................................................................... -->
								<h:form id="mainform">

									<p:dataTable var="list"
										value="#{depositManageBean.depositAccountListDataModel}"
										paginator="true" rows="10"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,20">
										<p:column headerText="Account Number" style="width:25%">#{list.accountNumber}</p:column>
										<p:column headerText="Full Name" style="width:25%">#{list.lastName}&nbsp;#{list.midName}&nbsp;#{list.firstName}</p:column>
										<p:column headerText="ID Card Number" style="width:25%">#{list.idCardNumber}</p:column>
										<p:column headerText="Email" style="width:25%">#{list.email}</p:column>
										<p:column headerText="Account State" style="width:25%">#{list.accountState}</p:column>
										<p:column headerText="Customer ID" style="width:25%">#{list.customerID}</p:column>
										<p:column>
											<h:commandButton action="#{depositManageBean.edit}"
												type="submit" value="Edit" class="btn btn-warning" />
										</p:column>
									</p:dataTable>
									<!--  end product-table................................... -->
								</h:form>

							</div>
							<!--  end content-table  -->

							<!--  start paging..................................................... -->

							<!--  end paging................ -->

							<div class="clear"></div>

						</div> <!--  end content-table-inner ............................................END  -->
					</td>
					<td id="tbl-border-right"></td>
				</tr>
				<tr>
					<th class="sized bottomleft"></th>
					<td id="tbl-border-bottom">&nbsp;</td>
					<th class="sized bottomright"></th>
				</tr>
			</table>
		</div>
	</div>
</body>
</html>

